<div class="row">
    <div class="twelve columns b0">
        <div class="page-title-wrapper">
            <h1 class="page-title left">Thông tin đặt phòng</h1>
            <div class="page-title-alt right">
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>

<div class="row">

    <div class="content-wrapper eight columns">

        <div class="text-content">


            <form id="reservation_form" class="reservation_form reservation_form_page" action="" method="post">
                <div class="row">
                    <div class="six columns b0">
                        <div class="form-row field_text">
                            <label>Your Name:</label><br>
                            <input id="reservation_name" class="input_text required" type="text" value="" name ="reservation_name">
                        </div>
                        <div class="form-row field_text">
                            <label>Your email address:</label><br>
                            <input id="reservation_email" class="input_text required" type="text" value="" name ="reservation_email">
                        </div>
                        <div class="form-row field_select">
                            <label>Choose room type:</label><br>
                            <div class="select-box">
                                <span>Select a room</span>
                                <select class="" name="reservation_type" id="reservation_type">
                                    <option value="Single_Room">Single Room</option>
                                    <option value="Double_Room">Double Room</option>
                                    <option value="Deluxe_Room,">Deluxe Room</option>
                                    <option value="Family_Suite">Family Suite</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row field_select">
                            <label>No. of adults:</label><br>
                            <div class="select-box">
                                <span>1</span>
                                <select class="" name="reservation_adults" id="reservation_adults">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="3">4</option>
                                    <option value="3">5</option>
                                </select>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="form-row">
                            <label>Arrival Date:</label><br>
                            <input id="reservation_arrival" type="hidden" name="reservation_arrival" value="" placeholder="" class="input_text">
                            <div id="arrival_date"></div>
                        </div>

                    </div>
                    <div class="six columns b0">
                        <div class="form-row field_text">
                            <label>Your Address:</label><br>
                            <input id="reservation_address" class="input_text" type="text" value="" name ="reservation_address">
                        </div>
                        <div class="form-row field_text">
                            <label>Your phone number:</label><br>
                            <input id="reservation_phone" class="input_text required" type="text" value="" name ="reservation_phone">
                        </div>
                        <div class="form-row field_select">
                            <label>No. of rooms:</label><br>
                            <div class="select-box">
                                <span>1</span>
                                <select class="" name="reservation_room_number" id="reservation_room_number">
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="3">4</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-row field_select">
                            <label>No. of children:</label><br>
                            <div class="select-box">
                                <span>0</span>
                                <select class="" name="reservation_children" id="reservation_children">
                                    <option value="0">0</option>
                                    <option value="1">1</option>
                                    <option value="2">2</option>
                                    <option value="3">3</option>
                                    <option value="3">4</option>
                                </select>
                            </div>
                        </div>
                        <div class="clear"></div>
                        <div class="form-row">
                            <label>Departure Date:</label><br>
                            <input id="reservation_departure" type="hidden" name="reservation_departure" value="" placeholder="" class="input_text">
                            <div id="departure_date"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="form-row field_textarea">
                    <label>Special Requirements: </label>
                    <textarea id="requirements" class="" name="reservation_requirements"></textarea>
                </div>
                <div class="form-row field_submit mt20">
                    <input type="submit" value="Submit Now" id="reservation_submit" class="btn">
                    <span class="loading hide"><img src="assets/images/loader.gif"></span>
                </div>
                <div class="form-row notice_bar">
                    <p class="notice notice_ok hide">Thank you for contacting us. We will get back to you as soon as possible.</p>
                    <p class="notice notice_error hide">Due to an unknown error, your form was not submitted. Please resubmit it or try later.</p>
                </div>
            </form> <!-- END Reservation Form -->


        </div> <!-- END .text-content -->
    </div>

    <div class="sidebar right-sidebar-wrapper four columns">

        <div class="widget-container widget-text" id="widget-ID-name">
            <h3 class="widgettitle">Reservations & Sales</h3>
            <div class="widget-content">
                <div class="contact-text">
                    <ul>
                        <li>
                            <h5>Online</h5>
                            <span><a href="#">Make a reservation</a></span>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <h5>Telephone</h5>
                            <span>(123) 123-4567</span>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <h5>Email</h5>
                            <span>reservation@hotec.com</span>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="widget-container widget-text" id="widget-ID-name">
            <h3 class="widgettitle">General Inquiries</h3>
            <div class="widget-content">
                <div class="contact-text">
                    <ul>
                        <li>
                            <h5>Hotel Address</h5>
                            <span>
                                123 Street Name, Suite #
                                <br>
                                City, State 12345, Country
                                <br><a title="Map &amp; Directions" href="#">Map &amp; Directions</a>
                            </span>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <h5>Telephone</h5>
                            <span>(123) 123-4567</span>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <h5>Fax</h5>
                            <span>(123) 123-4567</span>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <h5>Toll Free</h5>
                            <span>(123) 123-4567</span>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <h5>Email</h5>
                            <span>hello@hotec.com</span>
                            <div class="clear"></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="widget-container st-recent-posts" id="widget-ID-name">
            <h3 class="widgettitle">Latest News & Promos</h3>
            <div class="widget-content">
                <ul>
                    <li class="event">
                        <img width="50" height="50" alt="DOUBLE ROOM STANDARD" class="thumbnail" src="http://placehold.it/50x50">
                        <a href="#">Aberdeen Retail Therapy Package</a>
                        <span class="recent-date">Jan 26, 2013</span>
                        <div class="clear"></div>
                    </li>
                    <li class="">
                        <img width="50" height="50" alt="DOUBLE ROOM STANDARD" class="thumbnail" src="http://placehold.it/50x50">
                        <a href="#">Rates starting from $199* per night</a>
                        <span class="recent-date">Jan 26, 2013</span>
                        <div class="clear"></div>
                    </li>
                    <li class="event">
                        <img width="50" height="50" alt="DOUBLE ROOM STANDARD" class="thumbnail" src="http://placehold.it/50x50">
                        <a href="#">Getaway to Hotec this winter</a>
                        <span class="recent-date">Jan 26, 2013</span>
                        <div class="clear"></div>
                    </li>
                    <li class="">
                        <img width="50" height="50" alt="DOUBLE ROOM STANDARD" class="thumbnail" src="http://placehold.it/50x50">
                        <a href="#">Enjoy up to 10% Savings</a>
                        <span class="recent-date">Jan 26, 2013</span>
                        <div class="clear"></div>
                    </li>
                </ul>
            </div>
        </div>


    </div>
    <div class="clear"></div>
</div> <!-- END .row -->